<div class="tabbed_area">
    
    	
        <ul class="tabs">
            <li><a href="javascript:void(0);" title="content_summary" class="tab active">Summary</a></li>
            <li><a href="javascript:loadhtml('Controller/?AUnit=07_system',$('#box-content'));" title="box-content" class="tab">System</a></li>
            <li><a href="javascript:loadhtml('Controller/?AUnit=04_about&cateid=1',$('#box-content'));" title="box-content" class="tab">Giới Thiệu</a></li>
            <li><a href="javascript:loadhtml('Controller/?AUnit=04_about&cateid=3',$('#box-content'));" title="box-content" class="tab">Qui Trình Chăm Sóc</a></li>
            <li><a href="javascript:loadhtml('Controller/?AUnit=04_about&cateid=2',$('#box-content'));" title="box-content" class="tab">Qui Trình Sản Xuất</a></li>
            <li><a href="javascript:loadhtml('Controller/?AUnit=04_about&cateid=4',$('#box-content'));" title="box-content" class="tab">Tin Tức</a></li>
            <li><a href="javascript:loadhtml('Controller/?AUnit=06_product',$('#box-content'));" title="box-content" class="tab">Sản Phẩm</a></li>
            
            <li><a href="javascript:void(0);" title="content_uploads" class="tab">Image Uploads</a></li>
            <li><a href="javascript:loadhtml('./Controller/?AUnit=10_gallery',$('#box-content'));" title="box-content" class="tab">Gallery</a></li>
        </ul>
        <div id="box-content" class="hidden content">

        </div>
        <div id="content_uploads" class="content" style="display: none; ">
            
            <iframe src="ckfinder/_samples/php/standalone.php" 
                    style="width: 100%;height: 700px;border: none"></iframe>
            
        </div>
        <div id="content_summary" class="content" style="display: block; ">
            <ul class="sport">
            	<li><a href="">Home</a></li>
            	<li><a href="">About</a></li>
            	<li><a href="">Contribute</a></li>
            	<li><a href="">Contact</a></li>
            </ul>
        </div>
        <div id="content_gallery" class="content" style="display: none; ">
            <ul class="sport">
            	<li><a href="">Home</a></li>
            	<li><a href="">About</a></li>
            	<li><a href="">Contribute</a></li>
            	<li><a href="">Contact</a></li>
            </ul>
        </div>
        
        <div id="content_product_detail" class="" style="display: none;padding: 0px;background: #ddd">
            <div class="ui-close icon16 hover50" onclick="HideuiContent();">
                <img src="./images/icon/32/gnome_window_close.png"/>
            </div>
            <div class="ui-content">
                <div class="loading"></div>
            </div>
        </div>
        
    
    </div>


<script>
	
	  // When the document loads do everything inside here ...
	  $(document).ready(function(){
//		if($('.html-wysiwyg').length){
//                    $('.html-wysiwyg').wysiwyg();
//                    $('.wysiwyg').css("width","100%");
//                    $('.wysiwyg iframe').css("width","100%");
//                }
		// When a link is clicked
		$("a.tab").click(function () {
			
			
			// switch all tabs off
			$(".active").removeClass("active");
			
			// switch this tab on
			$(this).addClass("active");
			
			// slide all content up
			$(".content").hide();
			
			// slide this content up
			var content_show = $(this).attr("title");
			$("#"+content_show).show();
		  
		});
                
	  });
  </script>